<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Grid | Starlight Premium Admin Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/ie9.css"/>
<![endif]-->

<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/ie8.css"/>
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" media="screen" href="css/ie7.css"/>
<![endif]-->
<script type="text/javascript" src="js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type='text/javascript' src='js/plugins/fullcalendar.min.js'></script>
<script type="text/javascript" src="js/custom/general.js"></script>
<script type="text/javascript" src="js/custom/calendar.js"></script>
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body class="loggedin">

	<!-- START OF HEADER -->
	<div class="header radius3">
    	<div class="headerinner">
        	
            <a href=""><img src="images/starlight_admin_template_logo_small.png" alt="" /></a>
            
              
            <div class="headright">
            	<div class="headercolumn">&nbsp;</div>
            	<div id="searchPanel" class="headercolumn">
                	<div class="searchbox">
                        <form action="" method="post">
                            <input type="text" id="keyword" name="keyword" class="radius2" value="Search here" /> 
                        </form>
                    </div><!--searchbox-->
                </div><!--headercolumn-->
            	<div id="notiPanel" class="headercolumn">
                    <div class="notiwrapper">
                        <a href="ajax/messages.php" class="notialert radius2">5</a>
                        <div class="notibox">
                            <ul class="tabmenu">
                                <li class="current"><a href="ajax/messages.php" class="msg">Messages (2)</a></li>
                                <li><a href="ajax/activities.php" class="act">Recent Activity (3)</a></li>
                            </ul>
                            <br clear="all" />
                            <div class="loader"><img src="images/loaders/loader3.gif" alt="Loading Icon" /> Loading...</div>
                            <div class="noticontent"></div><!--noticontent-->
                        </div><!--notibox-->
                    </div><!--notiwrapper-->
                </div><!--headercolumn-->
                <div id="userPanel" class="headercolumn">
                    <a href="" class="userinfo radius2">
                        <img src="images/avatar.png" alt="" class="radius2" />
                        <span><strong>Justin Meller</strong></span>
                    </a>
                    <div class="userdrop">
                        <ul>
                            <li><a href="">Profile</a></li>
                            <li><a href="">Account Settings</a></li>
                            <li><a href="index.html">Logout</a></li>
                        </ul>
                    </div><!--userdrop-->
                </div><!--headercolumn-->
            </div><!--headright-->
        
        </div><!--headerinner-->
	</div><!--header-->
    <!-- END OF HEADER -->
        
    <!-- START OF MAIN CONTENT -->
    <div class="mainwrapper">
     	<div class="mainwrapperinner">
         	
        <div class="mainleft">
          	<div class="mainleftinner">
            
              	<div class="leftmenu">
            		<ul>
                    	<li><a href="dashboard.html" class="dashboard"><span>Dashboard</span></a></li>
                        <li><a href="infocenter/maininfomation.html" class="widgets"><span>Widgets</span></a></li>
                        <li><a href="tables.html" class="tables"><span>Tables</span></a></li>
                        <li><a href="elements.html" class="elements"><span>Elements</span></a></li>
                        <li><a href="charts.html" class="charts"><span>Graphs &amp; Charts</span></a></li>
                        <li><a href="media.html" class="media"><span>Media</span></a></li>
                        <li><a href="form.html" class="editor menudrop"><span>Forms</span></a>
                        	<ul>
                            	<li><a href="form.html"><span>Form Styling</span></a></li>
                            	<li><a href="editor.html"><span>WYSIWYG Editor</span></a></li>
                                <li><a href="wizard.html"><span>Wizard</span></a></li>
                            </ul>
                        </li>
                        <li class="current"><a href="grid.html" class="grid"><span>Grid</span></a></li>
                        <li><a href="taskcenter/calendar/calendar.html" class="calendar"><span>Calendar</span></a></li>
                        <li><a href="buttons.html" class="buttons"><span>Buttons &amp; Icons</span></a></li><li><a href="chat.html" class="chat"><span>Chat Support</span></a></li>
                        <li><a href="error/404.html" class="error"><span>Error Pages</span></a></li>
                    </ul>
                        
                </div><!--leftmenu-->
            	<div id="togglemenuleft"><a></a></div>
            </div><!--mainleftinner-->
        </div><!--mainleft-->
        
        <div class="maincontent noright">
        	<div class="maincontentinner">
            	
                <ul class="maintabmenu">
                	<li class="current"><a href="dashboard.html">Grids</a></li>
                </ul><!--maintabmenu-->
                
                <div class="content">
                
                    <div class="one_half">
                    	<h1>Heading 1</h1>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. Phasellus sed elementum ipsum. Aliquam a ante vitae orci tincidunt volutpat ut sed tellus. Vivamus feugiat neque vel arcu accumsan eu pulvinar lorem rhoncus. Maecenas eget venenatis lectus. Maecenas eget nisl lectus, sit amet sodales tellus. Vestibulum imperdiet imperdiet metus, placerat mollis mi mattis ac. Suspendisse metus diam, ultrices vel lobortis non, ultricies non libero. Nulla facilisi.</p>
                    </div><!--one_half-->
                    
                    <div class="one_half last">
                    	<h1>Heading 1</h1>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. Phasellus sed elementum ipsum. Aliquam a ante vitae orci tincidunt volutpat ut sed tellus. Vivamus feugiat neque vel arcu accumsan eu pulvinar lorem rhoncus. Maecenas eget venenatis lectus. Maecenas eget nisl lectus, sit amet sodales tellus. Vestibulum imperdiet imperdiet metus, placerat mollis mi mattis ac. Suspendisse metus diam, ultrices vel lobortis non, ultricies non libero. Nulla facilisi.</p>
                    </div><!--one_half last-->
                    
                    <br clear="all" /><br />
                    
                    <div class="one_third">
                    	<h2>Heading 2</h2>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. </p>
                    </div><!--one_third-->
                    
                    <div class="one_third">
                    	<h2>Heading 2</h2>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. </p>
                    </div><!--one_third-->
                    
                    <div class="one_third last">
                    	<h2>Heading 2</h2>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. </p>
                    </div><!--one_third last-->
                    
                    <br clear="all" /><br />
                    
                    <div class="one_fourth">
                    	<h3>Heading 3</h3>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. </p>
                    </div><!--one_fourth-->
                    
                    <div class="one_fourth">
                    	<h3>Heading 3</h3>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. </p>
                    </div><!--one_fourth-->
                    
                    <div class="one_fourth">
                    	<h3>Heading 3</h3>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. </p>
                    </div><!--one_fourth-->
                    
                    <div class="one_fourth last">
                    	<h3>Heading 3</h3>
                        <br />
                    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. </p>
                    </div><!--one_fourth last-->
                    
                    <br clear="all" /><br /><br />
                    
                    <div class="one_half">
                    	<div class="widgetbox uncollapsible">
                            <div class="title"><h2 class="general"><span>Uncollapsible Widget</span></h2></div>
                            <div class="widgetcontent">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. Phasellus sed elementum ipsum. Aliquam a ante vitae orci tincidunt volutpat ut sed tellus. Vivamus feugiat neque vel arcu accumsan eu pulvinar lorem rhoncus. Maecenas eget venenatis lectus. Maecenas eget nisl lectus, sit amet sodales tellus. Vestibulum imperdiet imperdiet metus, placerat mollis mi mattis ac. Suspendisse metus diam, ultrices vel lobortis non, ultricies non libero. Nulla facilisi.</p>
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->
                    </div><!--one_half-->
                    
                    <div class="one_half last">
                    	<div class="widgetbox uncollapsible">
                            <div class="title"><h2 class="general"><span>Uncollapsible Widget</span></h2></div>
                            <div class="widgetcontent">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est. Phasellus sed elementum ipsum. Aliquam a ante vitae orci tincidunt volutpat ut sed tellus. Vivamus feugiat neque vel arcu accumsan eu pulvinar lorem rhoncus. Maecenas eget venenatis lectus. Maecenas eget nisl lectus, sit amet sodales tellus. Vestibulum imperdiet imperdiet metus, placerat mollis mi mattis ac. Suspendisse metus diam, ultrices vel lobortis non, ultricies non libero. Nulla facilisi.</p>
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->
                    </div><!--one_half last-->
                    
                    <br clear="all" /><br />
                    
                    <div class="one_third">
                    	<div class="widgetbox">
                            <div class="title"><h2 class="general"><span>Collapsible Widget</span></h2></div>
                            <div class="widgetcontent">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est.</p>
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->
                    </div><!--one_third-->
                    
                    <div class="one_third">
                    	<div class="widgetbox">
                            <div class="title"><h2 class="general"><span>Collapsible Widget</span></h2></div>
                            <div class="widgetcontent">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est.</p>
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->
                    </div><!--one_third-->
                    
                    <div class="one_third last">
                    	<div class="widgetbox">
                            <div class="title"><h2 class="general"><span>Collapsible Widget</span></h2></div>
                            <div class="widgetcontent">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed tristique diam. Suspendisse tempus nibh ac velit interdum rutrum. Aliquam ullamcorper bibendum elit eget egestas. Pellentesque sodales, justo at feugiat sagittis, quam massa luctus leo, et facilisis tortor nibh mollis nulla. Nulla facilisis sem et dolor congue nec porta enim varius. Quisque ac dolor felis, in laoreet est. Sed a urna est.</p>
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->
                    </div><!--one_third last-->
                    
                    
                    <br clear="all" />
                </div><!--content-->
                
            </div><!--maincontentinner-->
            
            <div class="footer">
            	<p>Starlight Admin Template &copy; 2012. All Rights Reserved. Designed by: <a href="">ThemePixels.com</a></p>
            </div><!--footer-->
            
        </div><!--maincontent-->
        
                
     	</div><!--mainwrapperinner-->
    </div><!--mainwrapper-->
	<!-- END OF MAIN CONTENT -->
    

</body>
</html>
